<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" href="css/index.css" />
    <title>bilibili</title>
    <style></style>
  </head>
  <body>
    <div class="app">
      <header>
        <div class="m-navbar">
          <a href="#" class="logo iconfont Navbar_logo"></a>
          <div class="right">
            <a href="#" class="search iconfont ic_search_tab"> </a>
            <a href="#" class="face">
              <img src="./images/noface.png" alt="" />
            </a>
            <a class="download" href="#"> 下载App </a>
          </div>
        </div>
        <div class="channel-menu">
          <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">动画</a></li>
            <li><a href="#">番剧</a></li>
            <li><a href="#">国创</a></li>
            <li><a href="#">音乐</a></li>
            <li><a href="#">舞蹈</a></li>
            <div class="anchor"></div>
          </ul>
          <div class="arrow-down">
            <span class="pulldown iconfont general_pulldown_s"></span>
          </div>
        </div>
      </header>
      <article class="m-home">
        <ul>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./images/move1.webp" alt="" />
              <p class="title">《原神》PV短片——「雪霁逢椿」</p>
            </a>
          </li>
        </ul>
      </article>

      <footer>
        <div class="m-home-float-openapp">
          <span class="iconfont Navbar_logo"></span>
          <span>打开App，看你感兴趣的视频</span>
        </div>
      </footer>
    </div>
  </body>
</html>
